<template>
	<div>
		<hr style="border: 0.05px solid #D3DCE6;"/>
		<div class="position-div">
			<ul>
				<li  class="iconfont position-style" style="border-right: 1px solid #99A9BF;">&#xe65e; {{this.$store.state.city}}</li>
				<li class="iconfont position-style">&#xe631; 必游榜单</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default{
		name:"HomeHotlist"
	}
	
</script>
<style scoped="scoped">
	.position-div{
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-bottom: 30px;
	}
	.position-div ul{
		display: flex;
		/* border-bottom:1px solid #99A9BF ; */
	}
	.position-div ul li{
		/* border-right: 1px solid #99A9BF; */
		width: 50%;
		height: 35px;
	}
	.position-style{
		text-align: center;
		padding-top: 0rem;
		margin-top: 0.2rem;
		color: #25A4BB;
	}
</style>